<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div class="line-clamp">
				来点展示内容，来点展示内容，来点展示内容，来点展示内容，来点展示内容，来点展示内容，来点展示内容，来点展示内容，来点展示内容，来点展示内容
		</div>
		<input placeholder="请输入文字" />
		 <style>
			.line-clamp {
			width: 300px;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			overflow: hidden;
			/* autoprefixer: off */  
			-webkit-box-orient: vertical;  
			/* autoprefixer: on */  
			}
			 input{width: 140px;height: 40px; line-height: 40px;}
			
			input::-webkit-input-placeholder {
  /* WebKit browsers */
  font-size: 14px;
  color: #009a61;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 14px;
  color: #009a61;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 14px;
  color: #009a61;
}

		 </style>

	</body>
</html>
